
<template>
  <el-tabs
      v-model="activeName"
      type="card"
      class="demo-tabs"
  >
    <el-tab-pane label="商品条码" name="commodityBarCode">
      <CommodityBarCode v-if="activeName==='commodityBarCode'"></CommodityBarCode>
    </el-tab-pane>
    <el-tab-pane label="货位条码" name="locationBarCode">
      <LocationBarCode  v-if="activeName==='locationBarCode'"></LocationBarCode>
    </el-tab-pane>
    <el-tab-pane label="收货标签" name="receiveGoods">
      <ReceiveGoods v-if="activeName==='receiveGoods'"></ReceiveGoods>
    </el-tab-pane>
    <el-tab-pane label="拣货单" name="pickGoodsPack">
      <PickGoodsPack v-if="activeName==='pickGoodsPack'"></PickGoodsPack>
    </el-tab-pane>
    <el-tab-pane label="快递面单" name="expressBills">
      <ExpressBills v-if="activeName==='expressBills'"></ExpressBills>
    </el-tab-pane>
    <el-tab-pane label="分拣单" name="sortList">
      <SortListPack v-if="activeName==='sortList'"></SortListPack>
    </el-tab-pane>
    <el-tab-pane label="入库单" name="inStorageConfig">
      <InStorageConfig v-if="activeName==='inStorageConfig'"></InStorageConfig>
    </el-tab-pane>


  </el-tabs>
</template>

<script setup>
import {ref} from "vue";
import CommodityBarCode from "@/views/settings/components/commodity/commodityBarCode.vue";
import LocationBarCode from "@/views/settings/components/location/locationBarCode.vue";
import ReceiveGoods from "@/views/settings/components/receive/receiveGoods.vue";
import PickGoodsPack from "@/views/settings/components/pickGoods/pickGoodsPack.vue";
import ExpressBills from "@/views/settings/components/express/expressBills.vue";
import SortListPack from "@/views/settings/components/sortList/sortListPack.vue";
import InStorageConfig from "@/views/settings/components/inStorage/inStorageConfig.vue";


const activeName = ref('commodityBarCode')

</script>

<style scoped lang="scss">

</style>